/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/* Crappy Android portrait Size (devices and browsers) */



@media only screen and (max-width:320px) {
	
	
	.popform-div{width:300px !important;} 
	.popup-form .leftwidth{clear:both !important;width:100% !important}

	.contenttxt{text-align:left}
	#Header .headeroverlay,.container, #footer{ margin:0 auto; padding:0; width:100%; overflow:hidden;}
	
	.toplinkdiv { float:left; position:relative; right:0; width:100%;top:10px;}
	.socialMedia { float:left; width:45%; top:0; margin:0 20px 0 5px;}
	.getaquote_div { clear:none; float:left; width:45%; padding:5px 0 0 0; top:0;}
	#Header .headeroverlay .logo { clear:both; position:relative; top:10px;}
	#Header .navigate_arrow {top:175px; left:10px;}
	.navigate_arrow img { max-width:70%; }
	#Header .headeroverlay .logo img { max-width:50%;}
	
	#Header .navdiv {height:auto; clear:both; width:100%; margin-top:10px;}
	
	.navdiv ul { display:none;}
	#Header .navdiv select { display:block; background-color:#393939!important; color:#ffffff; background-image:url(../images/responsive-nav-bg.png); background-position:center right; background-repeat: no-repeat; border:none; border-radius:0px; width:90%; margin:0 auto; padding:5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
	/*.nav { padding:0; width:96%;}
	.nav li { margin-right:1px; float:none; display:block; border-top: 1px solid #E5E5E5!important; border-left:0;}
	.nav li:first-child { border-top:0!important;}
	.nav a, .nav a.active { padding:12px 10px; float:none; display:block; text-align:left}
	.nav ul { background:#333333; top: 30px; z-index:9999; opacity: 100; left:10px; -moz-box-shadow:none!important; box-shadow: none!important; -moz-border-radius: none!important; border-radius: none!important; -webkit-border-radius: none!important; -webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
	*/
	#bannercontainer { display:none;}
	
	#Header .home { height:300px; }
	
	#home_middlecontainer { padding-left:10px; padding-right:10px;}
	.subheader-text { font-size:50px;}
	.subheader-separator { margin-top:20px; margin-bottom:20px;}
	
	.home_content .subtitle { font-size:14px; line-height:20px;}
	.subheader-text span { display:block; margin-top:5px; margin-left:50px;}
	.home_content .contenttxt{ font-size:14px; line-height:20px;}
	.home_services .services-list p { font-size:14px;}
	.home_services .services-list img { margin-right:20px;}
	
	.bottom_top_link { width:320px;}
	.divlink { margin: 0 0 0 250px; top:10px;}
	.footer-content { width:100%; padding:0;}
	.footer-col1,.footer-col2,.footer-col3,.footer-col4 { width:100%; padding:0; float:none; margin:0 auto; text-align:left;}
	.footer-content li a{color:#cbcbcb}
	#footerLevel2{padding:20px;}
	.footer-content h3 { margin-top:5px;}
	
	.footer_left_div { width:100%; margin:0 auto; text-align:center;}
	.footer-social { margin-left:10px; width:47%;}
	.footer_right_div  { width:100%; margin:0 auto; text-align:center;}
	.footerlink { text-align:center; padding:0 10px 20px 10px;}
	.footerlink a, .footerlink p { line-height:20px;}
	
	.imgright { height:100%; max-height:100%; width:100%;}
	.about_content { padding:40px 10px 20px;}
	.container span { font-size:14px;}
	.container p { font-size:14px;}
	h1.subtitle, p.txtcontent,.about_content .genul li { font-size:14px; line-height:20px;}
	
	.content-left { padding:0 20px 0 10px; width:94%;}
	.content-right{ padding:0 20px 0 10px; width:94%;}
	
	.getaquote-container {  background:url(../images/getaquote-mobile.png) no-repeat top left; width:290px; height:76px; }
	.getaquote-container h3 a { font-size:20px;}
	.getaquote-container p { font-size:12px!important;}
	
	.callback-container { background:url(../images/callme-mobile.png) no-repeat top left; width:290px; height:75px;}
	.callback-container h3 a { font-size:20px;}
	.callback-container p { font-size:12px!important;}
	
	.inner-testimonials-container {background:url(../images/testminoalsbg-mobile.png) no-repeat top left; width:290px; height:284px;}
	.inner-testimonails { margin:0; padding:5px 30px 30px 30px;}
	#inner-testimonails-contentdiv{height:200px!important; padding:0; width:250px;}
	
	.content-left .genul li { font-size:14px;}
	
	.testimonials_ul li { width:90%; margin:0 0 15px 10px;}
	
	.paginator-cnt{ background-color:none!important; background:none!important; margin:0;}
	.fright { width:100%;}
	.MiddlePagi { width:240px; margin:0;}
	.MiddlePagi a { max-width:15px;}
	.popup-main {width:100%;}
	
	.contact-left { width:90%; border-bottom:1px solid #ccc; margin-bottom:20px;}
	.contact-right{ width:90%;}
	.contact-address p { line-height:20px;}
	.mapdiv iframe { width:100%!important;}
	.socio_contact { margin-top:20px;}
	
	.showcase-sub-container { padding-left:10px;}

}	
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.footerlink a, .footerlink p{text-align:left}
	.contenttxt{text-align:left}
	.home_services .services-list img{ margin-right: 10px;}
	.footer-content h3 a{color:#DC6400}
	
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.popup-form .leftwidth{clear:both !important;width:100% !important}
	.contenttxt{text-align:left}
	#Header .headeroverlay,.container, #footer{ margin:0 auto; padding:0; width:100%; overflow:hidden;}
	
	.toplinkdiv { float:left; position:relative; right:0; width:100%;top:10px;}
	.socialMedia { float:left; width:45%; top:0; margin:0 20px 0 5px; }
	.getaquote_div { clear:none; float:right; width:45%; padding:5px 0 0 0; top:0; right:0;}
	.getaquote_div a { float:right; margin-right:10px;}
	#Header .headeroverlay .logo { clear:both; position:relative; top:10px;}
	#Header .navigate_arrow {top:175px; left:10px;}
	.navigate_arrow img { max-width:70%; }
	#Header .headeroverlay .logo img { max-width:50%;}
	
	#Header .navdiv { background:none; height:auto; clear:both; width:98%; margin-top:10px;}
	
	.navdiv ul { display:none; }
	#Header .navdiv select { display:block; background-color:#393939!important; color:#ffffff; background-image:url(../images/responsive-nav-bg.png); background-position:center right; background-repeat: no-repeat; border:none; border-radius:0px; width:90%; margin:0 auto; padding:5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
	
	#bannercontainer { display:none;}
	
	#Header .home { height:300px;}
	
	#home_middlecontainer { padding-left:10px; padding-right:10px;}
	.subheader-text { font-size:50px;}
	.subheader-separator { margin-top:20px; margin-bottom:20px;}
	
	.home_content .subtitle { font-size:14px; line-height:20px;}
	.subheader-text span { display:block; margin-top:5px; margin-left:50px;}
	.home_content .contenttxt{ font-size:14px;line-height:20px;}
	.home_services .services-list p { font-size:14px;}
	.home_services .services-list img { margin-right:20px;}
	
	.bottom_top_link { width:420px;}
	.divlink { margin: 0 0 0 380px; top:10px;}
	.footer-content { width:100%; padding:0;}
	.footer-col1,.footer-col2,.footer-col3,.footer-col4 { width:100%; padding:0; float:none; margin:0 auto; text-align:left;}
	#footerLevel2{padding:20px;}
	.footer-content li a{color:#cbcbcb}
	.footer-content h3 { margin-top:5px;}
	
	.footer_left_div { width:100%; margin:0 auto; text-align:center;}
	.footer-social { margin-left:10px; width:47%;}
	.footer_right_div  { width:100%; margin:0 auto; text-align:center;}
	.footerlink { text-align:center; padding:0 10px 20px 10px;}
	.footerlink a, .footerlink p { line-height:20px;}
	
	.imgright { height:100%; max-height:100%; width:100%;}
	.about_content { padding:40px 10px 20px;}
	.container span { font-size:14px;}
	.container p { font-size:14px;}
	h1.subtitle, p.txtcontent,.about_content .genul li { font-size:14px; line-height:20px;}
	
	.content-left { padding:0 20px 0 10px; width:94%;}
	.content-right{ padding:0 20px 0 10px; width:94%;}
	
	.getaquote-container {  background:url(../images/getaquote-mobile.png) no-repeat top left; width:290px; height:76px; }
	.getaquote-container h3 a { font-size:20px;}
	.getaquote-container p { font-size:12px!important;}
	
	.callback-container { background:url(../images/callme-mobile.png) no-repeat top left; width:290px; height:75px;}
	.callback-container h3 a { font-size:20px;}
	.callback-container p { font-size:12px!important;}
	
	.inner-testimonials-container {background:url(../images/testminoalsbg-mobile.png) no-repeat top left; width:290px; height:284px;}
	.inner-testimonails { margin:0; padding:5px 30px 30px 30px;}
	#inner-testimonails-contentdiv{height:200px!important; padding:0; width:250px;}
	
	.content-left .genul li { font-size:14px;}
	
	.testimonials_ul li { width:90%; margin:0 0 15px 10px;}
	
	.paginator-cnt{ background-color:none!important; background:none!important; margin:0;}
	.fright { width:100%;}
	.MiddlePagi { width:240px; margin:0;}
	.MiddlePagi a { max-width:15px;}
	.popup-main {width:100%;}
	
	.contact-left { width:90%; border-bottom:1px solid #ccc; margin-bottom:20px;}
	.contact-right{ width:90%;}
	.contact-address p { line-height:20px;}
	.mapdiv iframe { width:100%!important;}
	.socio_contact { margin-top:20px;}
	
	.showcase-sub-container { padding-left:80px;}
}
@media only screen and (max-width : 360px) and (orientation: portrait) {
	
	#Header .headeroverlay,.container, #footer{ margin:0 auto; padding:0; width:100%; overflow:hidden;}
	
	.toplinkdiv { float:left; position:relative; right:0; width:100%;top:10px;}
	.socialMedia { float:left; width:45%; top:0; margin:0 20px 0 5px; }
	.getaquote_div { clear:none; float:right; width:45%; padding:5px 0 0 0; top:0; right:0;}
	.getaquote_div a { float:right; margin-right:10px;}
	#Header .headeroverlay .logo { clear:both; position:relative; top:10px;}
	#Header .navigate_arrow {top:175px; left:10px;}
	.navigate_arrow img { max-width:70%; }
	#Header .headeroverlay .logo img { max-width:50%;}
	
	#Header .navdiv { background:none; height:auto; clear:both; width:100%; margin-top:10px;}
	.navdiv ul { display:none; }
	#Header .navdiv select { display:block; background-color:#393939!important; color:#ffffff; background-image:url(../images/responsive-nav-bg.png); background-position:center right; background-repeat: no-repeat; border:none; border-radius:0px; width:90%; margin:0 auto; padding:5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
	
	#bannercontainer { display:none;}
	
	#Header .home {height:300px;}
	
	#home_middlecontainer { padding-left:10px; padding-right:10px;}
	.subheader-text { font-size:50px;}
	.subheader-separator { margin-top:20px; margin-bottom:20px;}
	
	.home_content .subtitle { font-size:14px; line-height:20px;}
	.subheader-text span { display:block; margin-top:5px; margin-left:50px;}
	.home_content .contenttxt{ font-size:14px; line-height:20px;}
	.home_services .services-list p { font-size:14px;}
	.home_services .services-list img { margin-right:20px;}
	
	.bottom_top_link { width:420px;}
	.divlink { margin: 0 0 0 380px; top:10px;}
	.footer-content { width:100%; padding:0;}
	.footer-col1,.footer-col2,.footer-col3,.footer-col4 { width:100%; padding:0; float:none; margin:0 auto; text-align:left;}
	.footer-content li a{color:#cbcbcb;}
	#footerLevel2{padding:20px;}
	.footer-content h3 { margin-top:5px;}
	
	.footer_left_div { width:100%; margin:0 auto; text-align:center;}
	.footer-social { margin-left:10px; width:47%;}
	.footer_right_div  { width:100%; margin:0 auto; text-align:center;}
	.footerlink { text-align:center; padding:0 10px 20px 10px;}
	.footerlink a, .footerlink p { line-height:20px;}
	
	.imgright { height:100%; max-height:100%; width:100%;}
	.about_content { padding:40px 10px 20px;}
	.container span { font-size:14px;}
	.container p {  font-size:14px;}
	h1.subtitle, p.txtcontent,.about_content .genul li { font-size:14px; line-height:20px;}
	
	.content-left { padding:0 20px 0 10px; width:94%;}
	.content-right{ padding:0 20px 0 10px; width:94%;}
	
	.getaquote-container {  background:url(../images/getaquote-mobile.png) no-repeat top left; width:290px; height:76px; }
	.getaquote-container h3 a { font-size:20px;}
	.getaquote-container p { font-size:12px!important;}
	
	.callback-container { background:url(../images/callme-mobile.png) no-repeat top left; width:290px; height:75px;}
	.callback-container h3 a { font-size:20px;}
	.callback-container p { font-size:12px!important;}
	
	.inner-testimonials-container {background:url(../images/testminoalsbg-mobile.png) no-repeat top left; width:290px; height:284px;}
	.inner-testimonails { margin:0; padding:5px 30px 30px 30px;}
	#inner-testimonails-contentdiv{height:200px!important; padding:0; width:250px;}
	
	.content-left .genul li { font-size:14px;}
	
	.testimonials_ul li { width:90%; margin:0 0 15px 10px;}
	
	.paginator-cnt{ background-color:none!important; background:none!important; margin:0;}
	.fright { width:100%;}
	.MiddlePagi { width:240px; margin:0;}
	.MiddlePagi a { max-width:15px;}
	.popup-main {width:100%;}
	
	.contact-left { width:90%; border-bottom:1px solid #ccc; margin-bottom:20px;}
	.contact-right{ width:90%;}
	.contact-address p { line-height:20px;}
	.mapdiv iframe { width:100%!important;}
	.socio_contact { margin-top:20px;}
	.showcase-sub-container { padding-left:10%;}
	
}
@media only screen and (min-width:768px) and (max-width:959px) {
	.popform-div{width:380px;} 
	#Header .headeroverlay,.container, .footer-content{ margin:0 auto; padding:0; width:750px; overflow:hidden;}
	
	#Header .navdiv select { display:none;}
	#Header .navdiv { height:auto;}
	.nav { padding:0; width:96%;}
	.nav li { margin-right:1px;}
	.nav a, .nav a.active { padding:12px 10px;}
	
	#bannercontainer { width:748px;}
	#slides img {max-width:85%!important; margin-top:50px;}
	
	.bottom_top_link { width:750px;}
	.divlink { margin: 0 0 0 680px; top:10px;}
	.footer_left_div { width:100%;}
	.footer-social { margin-left:300px; width:auto; margin-right:10px;}
	.footer-links { width:auto;}
	.footer_right_div{ width:100%; text-align:center;}
	.footerlink { text-align:center;}
	
	.showcase-sub-container { padding-left:20px;}
	.pic-frame { margin:10px 40px 40px 10px;}
	div.nomargin { margin-right:40px;}
	

}



/*
@media screen and (max-width: 960px) {
#Header .headeroverlay,.container, #footer{ margin:0 auto; padding:0; width:98%; border:0px solid red;}
}

@media screen and (max-width: 758px) {
#Header .headeroverlay,.container, #footer{ margin:0 auto; padding:0; width:98%; }
#Header .home{ height:575px;}

#Header .headeroverlay .navigate_arrow {top:100px; left:13%;}
.navigate_arrow img { max-width:100%;}
.logo img { max-width:100%;}

#Header .headeroverlay .navdiv { width:70%;}
#Header .headeroverlay .navdiv .nav li{ padding:0 1.5% 0 1.5%;}

#bannercontainer, #bannercontainer #slides .slides_container,#bannercontainer #slides .slides_container .slide  { width:750px;}
#bannercontainer #slides .slides_container .slide {height:310px;}

.bottom_top_link {width:750px;}
.bottom_top_link .divlink {position:relative;top:-15px; margin-left:680px;}

}

@media screen and (max-width: 524px) {
#Header .headeroverlay,.container, #footer{ margin:0 auto; padding:0; width:98%;}
#Header .home{ height:500px;}

#Header .headeroverlay .navigate_arrow {top:150px; left:3%;}
#Header .headeroverlay .navigate_arrow img { max-width:60%;}
.logo img { max-width:100%;}

#Header .headeroverlay .navdiv { width:70%; height:100%; background:none;}
#Header .headeroverlay .navdiv .nav li{ display:block; border-top:1px solid #e5e5e5; border-left:0; padding:2% 0 2% 0;}

#Header .inside{height:370px;}

#bannercontainer, #bannercontainer #slides .slides_container,#bannercontainer #slides .slides_container .slide  { width:292px;}
#bannercontainer #slides .slides_container .slide {height:150px;}

#bannercontainer #slides .pagination {width:292px;}
#bannercontainer #slides .pagination li a {width:30px;height:6px;}

.container { padding:0 20px 0 0px 20px; width:90%;}

.home_services .services-list img { max-width:100%;}
#footer p { padding:0 10% 0 10%; width:79%;}

.bottom_top_link {width:290px;}
.bottom_top_link .divlink {position:relative;top:-15px; margin-left:250px;}

.pic-frame { margin:0 0 20px 0; max-width:100%;}
.pic{ margin:0 auto; max-width:100%; margin-bottom:20px;}
.pic img{ max-width:100%;}

.testimonials_ul li{ width:90%;}
.contact-form .leftwidth{ width:100%;}

.socio_contact { clear:both; float:left; margin-top:20px;}

}
*/